<div class="modal" ng-controller="SaveModelCtrl">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h2>{{'MODEL.SAVE.TITLE' | translate}}</h2>
      </div>
      <div class="modal-body">

        <div class="form-group">
          <label for="nameField">{{'MODEL.NAME' | translate}}</label>
          <input type="text"
                 ng-disabled="status.loading"
                 id="nameField"
                 class="form-control"
                 ng-model="saveDialog.name"
                 ui-keypress="{13:'save()'}"
                 auto-focus/>
        </div>
        <div class="form-group">
          <label for="docTextArea">{{'MODEL.DESCRIPTION' | translate}}</label>
          <textarea id="docTextArea" ng-disabled="status.loading" class="form-control"
                    ng-model="saveDialog.description"></textarea>
        </div>
      </div>
      <div class="modal-footer">

        <div class="pull-right">
          <button type="button" class="btn" ng-click="close()" ng-disabled="status.loading" translate>ACTION.CANCEL
          </button>
          <button class="btn btn-primary" ng-click="saveAndClose()" ng-disabled="status.loading" ng-show="!error"
                  translate>ACTION.SAVE-AND-CLOSE
          </button>
          <button class="btn btn-primary" ng-click="save()" ng-disabled="status.loading" ng-show="!error" translate>
            ACTION.SAVE
          </button>
        </div>

        <div class="pull-right popup-error" ng-if="error && !error.isConflict">
          <span>{{'MODEL.SAVE.ERROR' | translate}}</span>
        </div>

        <loading></loading>

      </div>
    </div>
  </div>
